<script setup>
import { ref,reactive } from "vue"
let loginStatisticsList = reactive([
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  {title:"当日 1 人登录", content: "（共 3 次记录）", time: "2023-11-30 20:00"},
  
])
</script>

<template>
    <n-timeline>
      <n-timeline-item
        type="error"
        title="当日1人登录"
        content="(共 3 次记录)"
        time="2018-04-03 20:46"
        line-type="dashed"
      />
      <n-timeline-item
        v-for="(item,index) in loginStatisticsList"
        :key="index"
        type="info"
        :title="item.title"
        :content="item.content"
        :time="item.time"
        line-type="dashed"
      />

    </n-timeline>
</template>